<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.mc.lp.view.constants.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ page isELIgnored="false"%>
<!-- important to print EL tags -->
<html>
<head>
<meta charset="UTF-8">
<%@include file="../static/scriptimport.jsp"%>
<title>MicroTrackr | Admin Panel</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="<c:url value="/resources/css/bootstrap.css"/>" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="<c:url value="/resources/css/font-awesome.min.css"/>" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="<c:url value="/resources/css/ionicons.min.css"/>" rel="stylesheet" type="text/css" />

<%-- <!-- Date Picker -->
<link href="<c:url value="/resources/css/datepicker/datepicker3.css"/>" rel="stylesheet" type="text/css" />
<!-- Daterange picker -->
<link href="<c:url value="/resources/css/daterangepicker/daterangepicker-bs3.css"/>" rel="stylesheet" type="text/css" /> --%>

<!-- bootstrap wysihtml5 - text editor -->
<link href="<c:url value="/resources/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"/>" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="<c:url value="/resources/css/AdminLTE.css"/>" rel="stylesheet" type="text/css" />

<link href="<c:url value="/resources/css/xeditable.css"/>" rel="stylesheet" type="text/css">
<link href="<c:url value="/resources/css/microcampus.css"/>" rel="stylesheet" type="text/css" />
<!-- AdminLTE App -->
<script src="<c:url value="/resources/js/mc-lp/mc-lp-app.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/mc-lp/student_academics.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/mc-lp/student_extra_academics.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/mc-lp/student_sports.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/mc-lp/student_social_behaviour.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/mc-lp/user_student_profile.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/mc-lp/grade_mapping.js" />" type="text/javascript"></script>
<style type="text/css">
.wraped-table {
    table-layout: fixed;
    word-wrap: break-word;
}
</style>
</head>
<body class="skin-blue" ng-app="MicroCampusApplication">

	<!-- File Upload modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" ng-controller="FileManagerController">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">Upload File</h4>
				</div>

				<div class="modal-body">
					<div class="panel panel-default">
						<div class="panel-body">Please Select File to upload and click upload button.</div>
						<div class="panel-footer">
							<div class="row">
								<span class="pull-left"> <input type="file" file-model="myFile" multiple="multiple" /></span> <span class="pull-right">
									<button type="button" class="btn btn-default" ng-click="uploadFile()">Upload</button>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>


	<div class="modal fade" id="recommendationModule" tabindex="-1" ng-controller="RecommendationsController as rcntrl" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">Recommendations</h4>
				</div>

				<div class="modal-body">
					<div class="panel panel-default">
						<div class="panel-body">

							<div class="row">
								<form class="form-horizontal" role="form">
									<div class="form-group">
										<label class="col-lg-3 control-label">Title</label>
										<div class="col-lg-8">
											<input class="form-control" value="" type="text" ng-model="recommendationVo.recommendationtitle">
										</div>
									</div>
									<div class="form-group">
										<label class="col-lg-3 control-label">Recommendation</label>
										<div class="col-lg-8">
											<textarea class="form-control" ng-model="recommendationVo.recommendationText"></textarea>
										</div>
									</div>
									<div class="form-group">
									<label class="col-lg-3 control-label"> </label>
										<div class="col-md-8">
											<input class="btn btn-primary" value="Save" type="button" ng-click="addRecommendations()"><span> </span><input ng-show="recommendationVo.id>0" class="btn btn-danger" value="Delete" type="button" ng-click="deleteRecommendations()"> <span> </span> <input class="btn btn-default" data-dismiss="modal" value="Cancel" type="reset">
										</div>
									</div>
								</form>
							</div>

						</div>
						<div class="panel-footer"></div>
					</div>
				</div>
			</div>

		</div>
	</div>
	</div>


	<div class="modal fade" id="LoadingModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<!-- <button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button> -->
					<h4 class="modal-title" id="myModalLabel">Please wait</h4>
				</div>

				<div class="modal-body">
					<div class="panel panel-default">
						<div class="panel-body">Please wait while we are initializing system.</div>
						<div class="panel-footer"></div>
					</div>
				</div>
				<div class="modal-footer"></div>
			</div>
		</div>
	</div>


	<!-- header logo: style can be found in header.less -->
	<header class="header">
		<a href="index.html" class="logo"> <!-- Add the class icon to your logo image or logo icon to add the margining --> MicroTrackr-Admin
		</a>
		<!-- Header Navbar: style can be found in header.less -->
		<nav class="navbar navbar-static-top" role="navigation">
			<!-- Sidebar toggle button-->
			<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
			</a>
			<div class="navbar-right">
				<ul class="nav navbar-nav">
					<!-- User Account: style can be found in dropdown.less -->
					<li class="dropdown user user-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="glyphicon glyphicon-user"></i> <span>${firstName} ${lastName} <i class="caret"></i></span>
					</a>
						<ul class="dropdown-menu">
							<!-- User image -->
							<li class="user-header bg-light-blue"><img src="<c:url value="/resources/images/avatar3.png" />" class="img-circle" alt="User Image" />
								<p>{{firstName}} ${lastName} - Web Developer</p></li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="#" class="btn btn-default btn-flat">Student Master</a>
								</div>
								<div class="pull-right">
									<a href="<c:url value="/j_spring_security_logout" />" class="btn btn-default btn-flat"> Logout</a>
								</div>
							</li>
						</ul></li>
				</ul>
			</div>
		</nav>
	</header>
	<div class="wrapper row-offcanvas row-offcanvas-left" ng-controller="LeftMenuController as LMCntrl" ng-init="LMCntrl.setPage('<c:url value="/view/admin/admin_search_result" />')">
		<%@include file="left_menu.jsp"%>
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					Dashboard <small>{{selectedStudentProfile.firstName}}&nbsp;{{selectedStudentProfile.lastName}}</small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
					<li class="active">Dashboard</li>
				</ol>
			</section>
			<!-- Main content -->
			<section class="content">
				<!-- MAIN CONTENT STARTS FROM HERE -->
				<div class="main-container test" ng-include="LMCntrl.mainContentUrl"></div>
				<!-- MAIN CONTENT ENDS HERE -->
			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->

</body>
</html>